<template>
  <div class="about">
    <div class="section">
      <p class="title">{{about_con.title}}</p>
      <p class="tip">{{about_con.title_en}}</p>
      <div class="cons" v-html="about_con.content">
      </div>
    </div>
    <div class="section">
      <p class="title">{{contact_con.title}}</p>
      <p class="tip">{{contact_con.title_en}}</p>
      <div class="cons border-none" v-html="contact_con.content">
      </div>
    </div>
    <div class="company">
      <p class="title">{{company_con.title}}</p>
      <div class="cons border-none" v-html="company_con.content">
      </div>
    </div>
  </div>
</template>

<script>
  import { abouts } from "@/api/api";
  export default {
    components: {
    },
    data () {
      return {
        about_con: {},
        contact_con: {},
        company_con: {},
      }
    },
    created () {
      this.about()
    },
    methods: {
      router (path) {
        this.$router.push(path)
      },
      about() {
        abouts().then((res) => {
          this.about_con = res.data.data.about
          this.contact_con = res.data.data.contact
          this.company_con = res.data.data.company
          console.log(res)
        }).catch((err) => {
          console.dir(err)
        })
      }
    }
  }
</script>

<style lang="stylus" scoped>
.about
  .section
    .title
      text-align center
      font-size 1.7rem
      color #313133
      line-height 1.7rem
      height 1.7rem
      font-weight 500
      padding-top 3rem
    .tip
      text-align center
      font-size 1.1rem
      line-height 1.2rem
      height 1.2rem
      margin-top .6rem
    .cons
      margin 0 1.6rem
      margin-top 2rem
      border-bottom 1px solid #e6e6e6
      padding-bottom 1.5rem
      p
        line-height 2.5rem
        color #666
        font-size 1.2rem
        text-align left
      .cons-img
        margin-bottom 3rem
      .title
        font-size 1.7rem
        color #313133
        font-weight 500
        margin-bottom 2.5rem
    .border-none
      border none
  .company
    padding 2rem 1.5rem
    .title
      font-size 1.7rem
      color #313133
      font-weight bold
      margin-bottom 1rem
</style>
